<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Personnel transfers</title>

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <script src="../../Utils/tjy_utils/jquery-3.6.0.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
        crossorigin="anonymous"></script>
    <link rel="stylesheet" href="../../Style/tjy_css/Personnel_transfers.css">

</head>

<body>
    <!-- 遮罩层 -->
    <div class="mask_layer">
        <div class="mask_layer_left">
            <span>123</span>
        </div>
        <div class="mask_layer_right">
            <div class="mask_layer_right_title">
                <span>消息通知</span>
                <span id="mask_layer_right_title_x">×</span>
            </div>
            <div class="mask_layer_right_msg">
                <div class="mask_layer_right_msg_left">
                    <img src="../../images/tjy_img/content/content_bild.png">
                </div>
                <div class="mask_layer_right_msg_right">
                    <p style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC';font-weight:500;">
                        员工资料变动提醒<span>2021-04-30</span></p>

                    <p style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#999999;">
                        晁文琦提交了入职申请表，请尽快审核。 <img src="../../images/tjy_img/header/heder_msg2.png"></p>
                </div>
            </div>
            <div class="mask_layer_right_msg">
                <div class="mask_layer_right_msg_left">
                    <img src="../../images/tjy_img/content/content_bild.png">
                </div>
                <div class="mask_layer_right_msg_right">
                    <p style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC';font-weight:500;">
                        员工资料变动提醒<span>2021-04-30</span></p>

                    <p style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#999999;">
                        晁文琦提交了入职申请表，请尽快审核。 <img src="../../images/tjy_img/header/heder_msg2.png"></p>
                </div>
            </div>

        </div>
    </div>

    <!-- 标题栏内容 -->
    <div class="content_header">
        <!-- 左边 -->
        <div class="content_header_left">
            <span>OA办公管理系统</span>
        </div>
        <!-- 中间 -->
        <div class="content_header_middle">
            <!-- 中间左边 -->
            <div class="content_header_middle_left">
                <!-- 首页 -->
                <div class="content_header_middle_left_item">
                    <img src="../../images/tjy_img/header/heder_home.png">
                    <span>首页</span>
                </div>
                <!-- 员工 -->
                <div class="content_header_middle_left_item2" id="content_header_middle_left_item2_title">
                    <div class="content_header_middle_left_item2_title">
                        <img src="../../images/tjy_img/header/heder_item.png">
                        <span>员工</span>
                    </div>
                    <!-- 图片 -->
                    <div class="content_header_middle_left_item2_box">
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App01.png">
                            <p>组织</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App02.png">
                            <p>员工</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App03.png">
                            <p>考勤</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App04.png">
                            <p>薪酬</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App05.png">
                            <p>社保公积金</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App06.png">
                            <p>绩效</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App07.png">
                            <p>招聘</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App08.png">
                            <p>审批</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App09.png">
                            <p>会议室预定</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App10.png">
                            <p>车辆</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App11.png">
                            <p>新闻</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App12.png">
                            <p>公告</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App13.png">
                            <p>合同库</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App14.png">
                            <p>文档库</p>
                        </div>
                        <div>
                            <a href="../../pages/tjy_pages/Asset_Storage.html">
                            <img src="../../images/tjy_img/header_box/Page1_App15.png">
                            <p>资产</p>
                            </a>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App16.png">
                            <p>培训</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App17.png">
                            <p>系统设置</p>
                        </div>
                    </div>
                </div>
                <!-- 搜索框 -->
                <div class="content_header_search">
                    <span><img src="../../images/tjy_img/header/heder_search.png" alt=""></span>
                    <input type="text" placeholder="请输入查询的内容">
                </div>
            </div>

            <!-- 中间右边 -->
            <div class="content_header_middle_right">
                <div class="content_header_middle_right_left">
                    <span><img src="../../images/tjy_img/header/heder_message.png"
                            id="content_header_middle_right_left_msg"></span>
                    <img src="../../images/tjy_img/header/heder_msg2.png" class="img2">
                </div>

                <!-- 头像 -->
                <div class="content_header_middle_right_right">
                    <div class="content_header_middle_right_right_img">
                        <img src="../../images/tjy_img/header/heder_person.png" id="person_img">
                        <span>Daisy </span>
                        <img src="../../images/tjy_img/header/heder_todown.png" id="toDown">
                    </div>
                    <!-- 隐藏显示退出 -->
                    <div class="content_header_middle_right_right_box">
                        <p>重置密码</p>
                        <p>退出系统</p>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <!-- 中间区域 -->
    <div class="content_body">
        <!-- 左边内容 -->
        <div class="content_body_left">
            <ul>
                <!-- 列表一 -->
                <li class="content_body_left_li">
                    <img src="../../images/tjy_img/content/content_peoples.png" class="content_body_left_img1">
                    <span>员工管理</span>
                    <img src="../../images/tjy_img/content/content_key_up.png" class="content_body_left_img2">
                    <ul class="content_body_left_list">
                        <li>花名册</li>
                        <li>员工档案</li>
                    </ul>
                </li>
                <!-- 列表二 -->
                <li>
                    <img src="../../images/tjy_img/content/content_square.png" class="content_body_left_img1">
                    <span>员工关系</span>
                    <img src="../../images/tjy_img/content/content_key_up.png" class="content_body_left_img2">
                    <ul class="content_body_left_list">
                        <li>入职管理</li>
                        <li>转正管理</li>
                        <li>人事调动</li>
                        <li>离职管理</li>
                        <li>异动记录</li>
                        <li>合同管理</li>
                    </ul>
                </li>
                <!-- 列表三 -->

                <li>
                    <img src="../../images/tjy_img/content/content_table.png" class="content_body_left_img1">
                    <span>统计分析</span>
                    <img src="../../images/tjy_img/content/content_key_up.png" class="content_body_left_img2">
                    <ul class="content_body_left_list">
                        <li>员工概况</li>
                        <li>趋势分析</li>
                    </ul>
                </li>
                <!-- 列表四 -->
                <li>
                    <img src="../../images/tjy_img/content/content_set_up.png" class="content_body_left_img1">
                    <span>员工设置</span>
                    <img src="../../images/tjy_img/content/content_key_up.png" class="content_body_left_img2">
                    <ul class="content_body_left_list">
                        <li>员工档案字段设置</li>
                        <li>人事审批表单设置</li>
                        <li>人事规则设置</li>
                    </ul>
                </li>
            </ul>
        </div>
        <!-- 右边内容 -->
        <div class="content_body_right">
            <!-- 路径导航 -->
            <div class="content_body_right_header">
                <ol class="breadcrumb">
                    <li><a href="#">员工</a></li>
                    <li><a href="#">员工关系</a></li>
                    <li class="active">人事调动</li>
                </ol>
            </div>
            <!-- 表格内容 -->
            <div class="content_body_right_body">
                <!-- 内容区域 -->
                <!-- 标题 -->
                <div class="content_body_right_title">
                    <div>
                        <span>待调动</span>
                    </div>
                    <div>
                        <span>已调动</span>
                    </div>
                    <div>
                        <span>已放弃</span>
                    </div>
                    <img src="../../images/tjy_img/content/content_hr.png">
                </div>

                <!-- 待调动选项 -->
                <div class="content_body_right_search">
                    <!-- 第一排 -->
                    <div class="content_body_right_search_first">
                        <div>
                            <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;部门</span>
                            <input class="sectorModal_input_value" type="text" placeholder="请选择" data-toggle="modal"
                                data-target="#sectorModal">
                            <img src="../../images/tjy_img/content/content_search1.png">
                        </div>
                        <div class="posts">
                            <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;职位</span>
                            <input id="posts_input" type="text" placeholder="请选择">
                            <img src="../../images/tjy_img/content/content_key_up.png" class="img_transform">
                            <div class="posts_list">
                                <p>请选择</p>
                                <p>产品经理</p>
                                <p>设计主管</p>
                                <p>设计师</p>
                                <p>前台</p>
                            </div>
                        </div>
                        <div class="employee_type">
                            <span id="employee_type_span">员工类型</span>
                            <input id="employee_type_input" type="text" placeholder="请选择">
                            <img src="../../images/tjy_img/content/content_key_up.png" class="img_transform">
                            <div class="employee_type_list">
                                <p>请选择</p>
                                <p>全职</p>
                                <p>兼职</p>
                                <p>实习</p>
                                <p>临时工</p>
                            </div>
                        </div>
                        <div class="button_bg">
                            <div class="button_bg_box1">
                                <button class="button1" style="background-color:rgba(37, 97, 239, 1);color: #ffffff;">
                                    <img src="../../images/tjy_img/content/content_pen.png" class="img_pen">
                                    办理调动
                                </button>
                                <div class="button_bg_box1_list">
                                    <p>发起调动审批</p>
                                    <p>手动办理调动</p>
                                </div>
                            </div>
                            <div class="button_bg_box2">
                                <button style="width: 56px;" data-toggle="modal" data-target="#importModal">导入</button>
                                <button id="export" style="width: 56px;">导出</button>
                                <button class="abandonBtn" style="width:80px;">更多操作</button>
                                <div class="button_bg_box2_list">
                                    <p id="abandonBtn_p" data-toggle="modal" data-target="#abandonOperationModal">放弃调动
                                    </p>
                                </div>
                            </div>


                        </div>
                    </div>

                    <!-- 第二排 -->
                    <div class="content_body_right_search_second">
                        <div class="mobilize_type">
                            <span>调动类型</span>
                            <input id="mobilize_type_input" type="text" placeholder="请选择">
                            <img src="../../images/tjy_img/content/content_key_up.png" class="img_transform">
                            <div class="mobilize_type_list">
                                <p>请选择</p>
                                <p>调岗</p>
                                <p>晋升</p>
                                <p>降级</p>
                            </div>
                        </div>
                        <div class="Calendar_box">
                            <span>生效日期</span>
                            <input class="Calendar_box_date1" type="text" placeholder="请选择日期">
                            <img class="Calendar_box_date1_img" src="../../images/tjy_img/content/content_calendar.png">
                            <input class="Calendar_box_date2" type="text" placeholder="请选择日期">
                            <img class="Calendar_box_date2_img" src="../../images/tjy_img/content/content_calendar.png">
                            <div class="Calendar_box_content">
                                <div class="Calendar_box_content2">
                                    <div class="Calendar_box_content_left">
                                        <p><span>今天</span></p>
                                        <p><span>昨天</span></p>
                                        <p><span>近3天</span></p>
                                        <p><span>最近一周</span></p>
                                        <p><span>最近一个月</span></p>
                                        <p><span>最近三个月</span></p>
                                    </div>
                                    <div class="Calendar_box_content_middle">
                                        <img class="Calendar_box_content_img" style="height: 220px;width: 3px ;"
                                            src="../../images/tjy_img/content/content_calendar_line.png">
                                    </div>
                                    <div class="Calendar_box_content_right">
                                        <!-- 左边的日期 -->
                                        <div class="Calendar_box_content_right_left">
                                            <div class="Calendar_box_content_right_left_box1">
                                                <p>&lt;</p>
                                                <p class="Calendar_year_month1">2022-08</p>
                                                <p>&gt;</p>
                                            </div>
                                            <div class="Calendar_box_content_right_left_box2">
                                                <p>日</p>
                                                <p>一</p>
                                                <p>二</p>
                                                <p>三</p>
                                                <p>四</p>
                                                <p>五</p>
                                                <p>六</p>
                                            </div>
                                            <div class="Calendar_box_content_right_left_box3">
                                                <p>31</p>
                                                <p>1</p>
                                                <p>2</p>
                                                <p>3</p>
                                                <p>4</p>
                                                <p>5</p>
                                                <p>6</p>
                                                <p>7</p>
                                                <p>8</p>
                                                <p>9</p>
                                                <p>10</p>
                                                <p>11</p>
                                                <p>12</p>
                                                <p>13</p>
                                                <p>14</p>
                                                <p>15</p>
                                                <p>16</p>
                                                <p>17</p>
                                                <p>18</p>
                                                <p>19</p>
                                                <p>20</p>
                                                <p>21</p>
                                                <p>22</p>
                                                <p>23</p>
                                                <p>24</p>
                                                <p>25</p>
                                                <p>26</p>
                                                <p>27</p>
                                                <p>28</p>
                                                <p>29</p>
                                                <p>30</p>
                                                <p>31</p>
                                            </div>
                                        </div>
                                        <hr style="width:2px;height:190px;background-color: #f2f2f2;">
                                        <!-- 右边的日期 -->
                                        <div class="Calendar_box_content_right_right">
                                            <div class="Calendar_box_content_right_right_box1">
                                                <p>&lt;</p>
                                                <p class="Calendar_year_month2">2022-08</p>
                                                <p>&gt;</p>
                                            </div>
                                            <div class="Calendar_box_content_right_right_box2">
                                                <p>日</p>
                                                <p>一</p>
                                                <p>二</p>
                                                <p>三</p>
                                                <p>四</p>
                                                <p>五</p>
                                                <p>六</p>
                                            </div>
                                            <div class="Calendar_box_content_right_right_box3">
                                                <p>31</p>
                                                <p>1</p>
                                                <p>2</p>
                                                <p>3</p>
                                                <p>4</p>
                                                <p>5</p>
                                                <p>6</p>
                                                <p>7</p>
                                                <p>8</p>
                                                <p>9</p>
                                                <p>10</p>
                                                <p>11</p>
                                                <p>12</p>
                                                <p>13</p>
                                                <p>14</p>
                                                <p>15</p>
                                                <p>16</p>
                                                <p>17</p>
                                                <p>18</p>
                                                <p>19</p>
                                                <p>20</p>
                                                <p>21</p>
                                                <p>22</p>
                                                <p>23</p>
                                                <p>24</p>
                                                <p>25</p>
                                                <p>26</p>
                                                <p>27</p>
                                                <p>28</p>
                                                <p>29</p>
                                                <p>30</p>
                                                <p>31</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>
                        <div>
                            <input class="searchInp" type="text" placeholder="请输入搜索关键字"
                                style="width: 300px; height:32px;margin-left: 32px;">
                            <img class="searchBtn" src="../../images/tjy_img/content/content_search2.png">
                        </div>
                        <div style="width:80px;margin-left:30px">
                            <button type="button" class="btn btn btn-primary addModal" data-toggle="modal"
                                data-target="#addModal">添加待调动</button>
                            <button type="button" class="btn btn-success addModal" data-toggle="modal"
                                data-target="#addModal2">添加已调动</button>
                            <button type="button" class="btn btn btn-info addModal" data-toggle="modal"
                                data-target="#addModal3">添加已放弃</button>
                        </div>
                    </div>

                </div>
                <!-- 表格1 -->
                <div class="table_content1">
                    <!-- 表格 -->
                    <div class="tab_class">
                        <table class="table table-striped ">
                            <thead>
                                <tr>
                                    <th>编号</th>
                                    <th>头像/姓名</th>
                                    <th>员工编号</th>
                                    <th>原组织部门</th>
                                    <th>调动后组织部门</th>
                                    <th>调动类型</th>
                                    <th>入职日期</th>
                                    <th>申请日期</th>
                                    <th>审批状态</th>
                                    <th>操作
                                        <img src="../../images/tjy_img/content/content_set_up.png">
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- <tr>
                <td>1</td>
                <td>
                    <img src="../../images/tjy_img/content/content_table_person.png">
                    <span>张三111</span>
                </td>
                <td>GH000001</td>
                <td>黛西进出口贸易公司 / 研发部</td>
                <td>黛西进出口贸易公司 / 产品部</td>
                <td>调岗</td>
                <td>2021-01-02</td>
                <td>2022-01-02</td>
                <td>未发起</td>
                <td>
                    <button class="btn btn-warning">放弃调动</button>
                </td>
            </tr>
-->
                            </tbody>
                        </table>
                    </div>
                    <!-- 页码 -->
                    <div class="Page_style">
                        <nav aria-label="Page navigation">
                            <ul class="pagination">
                                <!-- 左一页 -->
                                <li>
                                    <a href="#" class="prev">
                                        <span>&laquo;</span>
                                    </a>
                                </li>
                                <!-- 页码 -->
                                <!-- <li class="active"><a href="#">1</a></li> -->
                                <!--<li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li> -->
                                <!-- 右一页 -->
                                <li>
                                    <a href="#" class="next">
                                        <span>&raquo;</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <!-- 表格2 -->
                <div class="table_content1">
                    <div class="tab_class2">
                        <table class="table table-striped ">
                            <thead>
                                <tr>
                                    <th>编号</th>
                                    <th>头像/姓名</th>
                                    <th>员工编号</th>
                                    <th>原组织部门</th>
                                    <th>调动后组织部门</th>
                                    <th>调动类型</th>
                                    <th>入职日期</th>
                                    <th>申请日期</th>
                                    <th>审批状态</th>
                                    <th>操作
                                        <img src="../../images/tjy_img/content/content_set_up.png">
                                    </th>
                                </tr>
                            </thead>
                            <tbody id="tbody2">
                                <!-- <tr>
                                    <td>1</td>
                                    <td>
                                        <img src="../../images/tjy_img/content/content_table_person.png">
                                        <span>张三111</span>
                                    </td>
                                    <td>GH000001</td>
                                    <td>黛西进出口贸易公司 / 研发部</td>
                                    <td>黛西进出口贸易公司 / 产品部</td>
                                    <td>调岗</td>
                                    <td>2021-01-02</td>
                                    <td>2022-01-02</td>
                                    <td>未发起</td>
                                    <td>
                                        <button class="btn btn-warning">放弃调动</button>
                                    </td>
                                </tr> -->

                            </tbody>
                        </table>
                    </div>
                    <!-- 页码 -->
                    <div class="Page_style2">
                        <nav aria-label="Page navigation">
                            <ul class="pagination pagination2">
                                <!-- 左一页 -->
                                <li>
                                    <a href="#" class="prev2">
                                        <span>&laquo;</span>
                                    </a>
                                </li>
                                <!-- 页码 -->
                                <!--  <li class="active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li> -->
                                <!-- 右一页 -->
                                <li>
                                    <a href="#" class="next2">
                                        <span>&raquo;</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <!-- 表格三 -->
                <div class="table_content1">
                    <div class="tab_class3">
                        <table class="table table-striped ">
                            <thead>
                                <tr>
                                    <th>编号</th>
                                    <th>头像/姓名</th>
                                    <th>员工编号</th>
                                    <th>原组织部门</th>
                                    <th>调动后组织部门</th>
                                    <th>调动类型</th>
                                    <th>入职日期</th>
                                    <th>申请日期</th>
                                    <th>审批状态</th>
                                    <th>操作
                                        <img src="../../images/tjy_img/content/content_set_up.png">
                                    </th>
                                </tr>
                            </thead>
                            <tbody id="tbody2">
                                <tr>
                                    <td>1</td>
                                    <td>
                                        <img src="../../images/tjy_img/content/content_table_person.png">
                                        <span>小张</span>
                                    </td>
                                    <td>GH000001</td>
                                    <td>产品部</td>
                                    <td>营销部</td>
                                    <td>调岗</td>
                                    <td>2021-01-02</td>
                                    <td>2022-01-02</td>
                                    <td>未发起</td>
                                    <td>
                                        <button class="btn btn-warning">删除</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>
                                        <img src="../../images/tjy_img/content/content_table_person.png">
                                        <span>小刘</span>
                                    </td>
                                    <td>GH000001</td>
                                    <td>产品部</td>
                                    <td>营销部</td>
                                    <td>调岗</td>
                                    <td>2021-01-02</td>
                                    <td>2022-01-02</td>
                                    <td>未发起</td>
                                    <td>
                                        <button class="btn btn-warning">删除</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- 页码 -->
                    <div class="Page_style2">
                        <nav aria-label="Page navigation">
                            <ul class="pagination pagination2">
                                <!-- 左一页 -->
                                <li>
                                    <a href="#" class="prev2">
                                        <span>&laquo;</span>
                                    </a>
                                </li>
                                <!-- 页码 -->
                                <!--  <li class="active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li> -->
                                <!-- 右一页 -->
                                <li>
                                    <a href="#" class="next2">
                                        <span>&raquo;</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- 添加数据模态框1 -->
    <div class="modal fade" id="addModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">添加待调动数据</h4>
                </div>
                <div class="modal-body">
                    <form id="formData">
                        <div class="form-group">
                            <label for="exampleInputEmail1">编号</label>
                            <input type="text" class="form-control addId" name="addId">
                            <span></span>
                        </div>
                        <div class="form-group">
                            <!-- <img src="../../images/tjy_img/content/content_table_person.png"> -->
                            <label for="exampleInputPassword1">姓名</label>
                            <input type="text" class="form-control addName" name="addName">
                            <span></span>
                        </div>
                        <div class="form-group">
                            <label class="radio-inline">
                                <input type="radio" name="addSex" checked id="addRadio1" value="男"> 男
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="addSex" id="addRadio2" value="女"> 女
                            </label>
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">员工编号</label>
                            <input type="text" class="form-control addEmployee_number">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">原组织部门</label>
                            <input type="text" class="form-control addBefore_department">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">调动后组织部门</label>
                            <input type="text" class="form-control addAfter_department">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">调动类型</label>
                            <input type="text" class="form-control addType">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">入职日期</label>
                            <input type="text" class="form-control addDate_of_entry">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">申请日期</label>
                            <input type="text" class="form-control addDate_of_application">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">审批状态</label>
                            <input type="text" class="form-control addApproval_status">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary addSaveBtn">保存</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 添加数据模态框2-->
    <div class="modal fade" id="addModal2" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel2">添加已调动数据</h4>
                </div>
                <div class="modal-body">
                    <form id="formData2">
                        <div class="form-group">
                            <label for="exampleInputEmail1">编号</label>
                            <input type="text" class="form-control addId2" name="addId2">
                            <span></span>
                        </div>
                        <div class="form-group">
                            <!-- <img src="../../images/tjy_img/content/content_table_person.png"> -->
                            <label for="exampleInputPassword1">姓名</label>
                            <input type="text" class="form-control addName2" name="addName2">
                            <span></span>
                        </div>
                        <div class="form-group">
                            <label class="radio-inline">
                                <input type="radio" name="addSex2" checked id="addRadio1" value="男"> 男
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="addSex2" id="addRadio2" value="女"> 女
                            </label>
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">员工编号</label>
                            <input type="text" class="form-control addEmployee_number2">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">原组织部门</label>
                            <input type="text" class="form-control addBefore_department2">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">调动后组织部门</label>
                            <input type="text" class="form-control addAfter_department2">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">调动类型</label>
                            <input type="text" class="form-control addType2">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">入职日期</label>
                            <input type="text" class="form-control addDate_of_entry2">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">申请日期</label>
                            <input type="text" class="form-control addDate_of_application2">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">审批状态</label>
                            <input type="text" class="form-control addApproval_status2">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary addSaveBtn2">保存</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改信息模态框1 -->
    <div class="modal fade" id="editModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">待调动信息修改</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="exampleInputEmail1">编号</label>
                            <input disabled type="text" class="form-control editId">
                        </div>
                        <div class="form-group">
                            <!-- <img src="../../images/tjy_img/content/content_table_person.png"> -->
                            <label for="exampleInputPassword1">姓名</label>
                            <input type="text" class="form-control editName">
                        </div>
                        <div class="form-group">
                            <label class="radio-inline">
                                <input type="radio" name="editSex" checked id="editRadio1" value="男"> 男
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="editSex" id="editRadio2" value="女"> 女
                            </label>
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">员工编号</label>
                            <input disabled type="text" class="form-control editEmployee_number">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">原组织部门</label>
                            <input type="text" class="form-control editBefore_department">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">调动后组织部门</label>
                            <input type="text" class="form-control editAfter_department">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">调动类型</label>
                            <input type="text" class="form-control editType">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">入职日期</label>
                            <input type="text" class="form-control editDate_of_entry">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">申请日期</label>
                            <input type="text" class="form-control editDate_of_application">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">审批状态</label>
                            <input type="text" class="form-control editApproval_status">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary editSaveBtn">保存</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改信息模态框2 -->
    <div class="modal fade" id="editModal2" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel2">已调动信息修改</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="exampleInputEmail1">编号</label>
                            <input disabled type="text" class="form-control editId2">
                        </div>
                        <div class="form-group">
                            <!-- <img src="../../images/tjy_img/content/content_table_person.png"> -->
                            <label for="exampleInputPassword1">姓名</label>
                            <input type="text" class="form-control editName2">
                        </div>
                        <div class="form-group">
                            <label class="radio-inline">
                                <input type="radio" name="editSex2" checked id="editRadio12" value="男"> 男
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="editSex2" id="editRadio22" value="女"> 女
                            </label>
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">员工编号</label>
                            <input disabled type="text" class="form-control editEmployee_number2">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">原组织部门</label>
                            <input type="text" class="form-control editBefore_department2">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">调动后组织部门</label>
                            <input type="text" class="form-control editAfter_department2">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">调动类型</label>
                            <input type="text" class="form-control editType2">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">入职日期</label>
                            <input type="text" class="form-control editDate_of_entry2">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">申请日期</label>
                            <input type="text" class="form-control editDate_of_application2">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">审批状态</label>
                            <input type="text" class="form-control editApproval_status2">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary editSaveBtn2">保存</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 部门模态框 -->
    <div class="modal fade modal_centered" id="sectorModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">选择部门</h4>
                </div>
                <div class="modal-body">
                    <div class="sectorModal_div">
                        <div class="sectorModal_div1_box">
                            <p>已选择：3</p>
                        </div>
                        <div class="sectorModal_div2_box">
                            <div class='sectorModal_div_box'>
                                <span>产品部</span>
                                <img class="sectorModal_div_box_img1" src="../../images/tjy_img/modal/modal_line.png">
                                <img class="sectorModal_div_box_img2 " src="../../images/tjy_img/modal/modal_x.png">
                            </div>
                            <div class='sectorModal_div_box'>
                                <span>研发部</span>
                                <img class="sectorModal_div_box_img1" src="../../images/tjy_img/modal/modal_line.png">
                                <img class="sectorModal_div_box_img2" src="../../images/tjy_img/modal/modal_x.png">
                            </div>
                            <div class='sectorModal_div_box'>
                                <span>营销部</span>
                                <img class="sectorModal_div_box_img1" src="../../images/tjy_img/modal/modal_line.png">
                                <img class="sectorModal_div_box_img2" src="../../images/tjy_img/modal/modal_x.png">
                            </div>
                            <div class='sectorModal_div_box'>
                                <span>推广部</span>
                                <img class="sectorModal_div_box_img1" src="../../images/tjy_img/modal/modal_line.png">
                                <img class="sectorModal_div_box_img2" src="../../images/tjy_img/modal/modal_x.png">
                            </div>
                            <div class='sectorModal_div_box'>
                                <span>宣传部</span>
                                <img class="sectorModal_div_box_img1" src="../../images/tjy_img/modal/modal_line.png">
                                <img class="sectorModal_div_box_img2" src="../../images/tjy_img/modal/modal_x.png">
                            </div>
                        </div>

                    </div>
                    <!-- 搜索框 -->
                    <div class="sectorModal_div3_box">
                        <input id="sectorModal_div3_box_value" type="text" class="form-control" placeholder="请输入关键字">
                        <img src="../../images/tjy_img/header/heder_search.png">
                    </div>
                    <!-- 贸易公司 -->
                    <div class="sectorModal_div4_box">
                        <p>黛西进出口贸易公司</p>
                        <div class="sectorModal_div4_box_list">
                            <p>
                                <img src="../../images/tjy_img/modal/modal_logo.png">
                                <span>黛西进出口贸易公司浙江分公司</span>
                                <span class="sectorModal_div4_box_list_count">（3个）</span>
                            </p>
                        </div>
                        <div class="sectorModal_div4_box_list">
                            <p>
                                <img src="../../images/tjy_img/modal/modal_logo.png">
                                <span>黛西进出口贸易公司浙江分公司</span>
                                <span class="sectorModal_div4_box_list_count">（3个）</span>
                            </p>
                        </div>
                        <div class="sectorModal_div4_box_list">
                            <p>
                                <img src="../../images/tjy_img/modal/modal_logo.png">
                                <span>黛西进出口贸易公司浙江分公司</span>
                                <span class="sectorModal_div4_box_list_count">（3个）</span>
                            </p>
                        </div>
                    </div>
                    <!-- 点击后贸易公司中的选项后 -->
                    <div class="sectorModal_div5_box">
                        <p class="sectorModal_div5_box_p">
                            <a>黛西进出口贸易公司</a>
                            <span>&nbsp;&gt; 黛西进出口贸易公司浙江分公司</span>
                        </p>
                        <div class="sectorModal_div5_box_list">
                            <p>
                                <img src="../../images/tjy_img/modal/modal_goods.png">
                                <span id="sectorModal_div5_box_list_span_style">产品部</span>
                                <img src="../../images/tjy_img/modal/modal_radio1.png" id="blankRadio1">
                            </p>
                        </div>
                        <div class="sectorModal_div5_box_list">
                            <p>
                                <img src="../../images/tjy_img/modal/modal_goods.png">
                                <span id="sectorModal_div5_box_list_span_style">研发部</span>
                                <img src="../../images/tjy_img/modal/modal_radio1.png" id="blankRadio1">
                            </p>
                        </div>
                        <div class="sectorModal_div5_box_list">
                            <p>
                                <img src="../../images/tjy_img/modal/modal_goods.png">
                                <span id="sectorModal_div5_box_list_span_style">营销部</span>
                                <img src="../../images/tjy_img/modal/modal_radio1.png" id="blankRadio1">
                            </p>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary sectorBtn">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 更多操作模态框 -->
    <div class="modal fade modal_centered" id="abandonOperationModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">放弃调动</h4>
                </div>
                <div class="modal-body">
                    <div class="abandonModal_box1">
                        <p>选择成员</p>
                        <span>亓官之</span>
                        <span>（已选择1人）</span>
                    </div>
                    <div class="abandonModal_box2">
                        <p>放弃原因</p>
                        <textarea cols="60" rows="5" placeholder="请输入原因"></textarea>
                    </div>


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary abandonOperationModalBtn">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 导入模态框 -->
    <div class="modal fade modal_centered" id="importModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">选择部门</h4>
                </div>
                <div class="modal-body">
                    <div class="importModal_div">
                        <div class="importModal_div1_box">
                            <p>第1步</p>
                            <p>
                                <span style="color:#999999;">点击下载空的</span>
                                <span style="color:#2561EF;">表格模板</span>
                            </p>
                        </div>
                    </div>
                    <div class="importModal_div2_box">
                        <p>第2步</p>
                        <p>
                            <img src="../../images/tjy_img/modal/moadl_download.png">
                        </p>
                        <p>拖拽到此或点击上传表格</p>
                        <p style="color:#999999;">(支持格式: xls、xlsx)</p>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary importBtn">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部内容 -->
    <div class="footer">
        <a href="http://daisyaxure.com/" target="_blank">
            Copyright © DaisyAxure.com All Rights Reserved
        </a>
    </div>

    <div class="export_box">
        <img src="../../images/tjy_img/content/content_export_img.png">
        <span>导出成功</span>
    </div>
    <script src="../../Js/tjy_js/Personnel_list.js"></script>
    <script src="../../Js/tjy_js/Personnel_list.js"></script>
    <script src="../../Js/tjy_js/Personnel_Hhidden_right.js"></script>
    <script src="../../Js/tjy_js/Personnel_header_box2.js"></script>
    <!-- 遮罩 -->
    <script src="../../Js/tjy_js/Personnel_mask_layer.js"></script>
    <!--  -->
    <script src="../../Js/tjy_js/Personnel_right_list.js"></script>
    <!-- 数据渲染 -->
    <!-- 表格一的数据 -->
    <script src="../../Js/tjy_js/Personnel_Data.js"></script>
    <!-- 表格二的数据 -->
    <script src="../../js/tjy_js/Personnel_Data2.js"></script>
    <!-- 添加记录模态框正则 -->
    <script src="../../js/tjy_js/Personnel_add_Reg.js"></script>
    <!-- 部门模态框 -->
    <script src="../../js/tjy_js/Personnel_sectorModal.js"></script>
    <!-- 日期 -->
    <script src="../../js/tjy_js/Personnel_calendar.js"></script>
    <!-- 面板切换的title -->
    <script src="../../js/tjy_js/Personnel_right_title.js"></script>
    <!-- 导入成功 -->
    <script src="../../js/tjy_js/Personnel_export.js"></script>
</body>

</html>